<template>
  <option :value="value" :disabled="disabled" :selected="selected" :class="classes">
    <slot>{{ label }}</slot>
  </option>
</template>

<script lang="ts" setup>
import { computed } from 'vue';
import { TuiOptionProps } from './types';

// 使用defineProps定义props
const props = defineProps<TuiOptionProps>();

// 计算类名
const classes = computed(() => {
  const classList = [];

  if (props.class) {
    classList.push(props.class);
  }

  return classList;
});
</script>

<style scss scoped>
/* Option组件的样式可以在这里定义 */
/* 通常option元素的样式受限于浏览器，自定义空间有限 */
</style>